import React ,{ useState} from 'react';

/*
 * 如果初始值 是一个开销大的结果或者很复杂的计算过程 
 * 可以使用函数代替,只会在初始化的时候执行
 */

function Child({ score }){
 const getScoreClass =(score) =>{
       if(score > 90 && score <= 100){
           return 'A';
       }else if( score > 80 && score <= 90){
           return 'B';
       }else if (score > 70 && score <= 80 ){
           return 'C';
       }else if (score > 60 && score <= 70){
           return 'D';
       }else {
           return 'F';
       }
   }

   const [ scoreClass , setScoreClass ] = useState(()=>{
       const initialState = getScoreClass(score);
       return initialState;
   });
   return (
       <h1>{ scoreClass }</h1>
   )
}

function App(){

    return (
        <Child score="34" />
    )
}

export default App;